<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>圈子</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/nav.css">
	<link rel="stylesheet" href="../css/circle.css">
	<link rel="stylesheet" href="../font_xld8by73zt/iconfont.css">
	<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../css/footer.css">
	<style></style>
</head>
<body>
	<nav class="navbar navbar-default">
		<!-- container -->
	  	<div class="container">
		    <div class="navbar-header logo-center">
		      	<!-- logo -->
		      	<a class="navbar-brand" href="../index.html">
			      	<h1>
			      		<img src="../images/logo-b.svg" alt="">
			      	</h1>
			    </a>
		    </div>

	    	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	    		<span class="glyphicon glyphicon-search top_search visible-sm visible-xs"></span>
    			<!-- 左侧导航条 -->
    			<div class="change clearfix hidden-sm hidden-xs">
			      	<ul class="nav navbar-nav clearfix">
				        <li class="active"><a href="../index.html">首页<span class="sr-only">(current)</span></a></li>
				        <li><a href="Question-and-answer.html">问答</a></li>
				        <li><a href="special.html">专栏</a></li>
				        <li><a href="lecture.html">讲堂</a></li>
				        <li class="dropdown find">
				          	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发现<span class="caret"></span></a>
				          	<div class="dropdown-block">
					          	<ul class="dropdown-menu clearfix">
						            <li><a href="circle.html">圈子</a></li>
						            <li><a href="activity.html">活动</a></li>
						            <li><a href="#">标签</a></li>
						            <li><a href="find_work.html">找工作</a></li>
						            <li><a href="#">排行榜</a></li>
						            <li><a href="find_work.html">找工作</a></li>
						            <li><a href="#">徽章</a></li>
						            <li><a href="find_notes.html">笔记</a></li>
						            <li><a href="#">开发手册</a></li>
						            <li><a href="#">广告投放</a></li>
						        </ul>
						        <div class="ul-active">
						        	<a href="#">
						        		<h5>2018首届“顶天立地”iFLYTEK AI开发者大赛</h5>
						        	</a>
						        	<span>合肥</span> · 
						        	<span>2018-07-11 周三</span> · 
						        	<span>报名中</span>
						        	<div class="more">
						        		<a href="activity.html">查看更多活动</a>
						        	</div>
						        </div>
					        </div>
				        </li>
			        </ul>
			        <!-- 搜索框 -->
		      		<form class="navbar-form navbar-left clearfix">
				        <div class="form-group">
				          <input type="text" class="form-control" placeholder="搜索问题或关键字">
				          <span class="glyphicon glyphicon-search search visible-lg"></span>
				        </div>
		      		</form>
	      		</div>
      		    <!-- 右侧导航条和图标 -->
	      		<ul class="nav navbar-nav navbar-right">
			        <li class="dropdown found visible-lg">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">创建<span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="question.html">提问题</a></li>
			            <li><a href="headline.html">发头条</a></li>
			            <li><a href="article.html">写文章</a></li>
			            <li><a href="note.html">记笔记</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">草稿箱</a></li>
			          </ul>
			        </li>
			        <li class="dropdown found hidden-lg">
			          <a href="#" class="dropdown-toggle fa fa-plus" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
			          <ul class="dropdown-menu">
			            <li><a href="question.html">提问题</a></li>
			            <li><a href="headline.html">发头条</a></li>
			            <li><a href="article.html">写文章</a></li>
			            <li><a href="note.html">记笔记</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">草稿箱</a></li>
			          </ul>
			        </li>
			        <li class="index-msg-li">
			        	<a href="#" class="fa fa-bell-o hidden-sm hidden-xs"></a>
			        	<div class="index-msg clearfix">
			        		<div class="msg-header">
			        			<ul class="clearfix">
			        				<li class="active"><a href="#"><i class="fa fa-bullhorn"></i></a></li>
			        				<li><a href="#"><i class="fa fa-commenting-o"></i></a></li>
			        				<li><a href="#"><i class="fa fa-thumbs-o-up"></i></a></li>
			        				<li><a href="#"><i class="fa fa-user-plus"></i></a></li>
			        			</ul>
			        		</div>
			        		<div class="msg-body"></div>
			        		<div class="msg-footer">
			        			<span>查看全部 >> </span>
			        		</div>
			        	</div>
			        </li>
			        <li class="index-private-li"> 
			        	<a href="#" class="fa fa-envelope-o hidden-sm hidden-xs"></a>
			        	<div class="index-private clearfix">
			        		<div class="msg-header">
			        			<span>最近的私信</span>
			        		</div>
			        		<div class="msg-body">
			        			<p>没有人给你发私信</p>
			        		</div>
			        		<div class="msg-footer">
			        			<span>查看全部 >> </span>
			        		</div>
			        	</div>
			        </li>
			        <li class="me">
			        	<a href="personal.html" class="user"><img src="../images/user-64.png" alt="头像"></a>
			        	<div class="user-info">
			        		<div class="info-score clearfix">
			        			<span>1 声望</span>
			        			<div class="clearfix">
			        				<span><b></b>0</span>
			        				<span><b></b>1</span>
			        				<span><b></b>2</span>
			        			</div>
			        		</div>
			        		<hr>
			        		<div class="info">
			        			<ul class="clearfix">
			        				<li><a href="#">我的笔记</a></li>
			        				<li><a href="#">我的主页</a></li>
			        				<li><a href="#">我的收藏</a></li>
			        				<li><a href="#">我的档案</a></li>
			        				<li><a href="#">受邀回答</a></li>
			        				<li><a href="#">我的资产</a></li>
			        				<li><a href="#">付费问答</a></li>
			        				<li><a href="personal.html">个人设置</a></li>
			        				<li><a href="#">退出</a></li>
			        			</ul>
			        		</div>
			        		<hr>
			        		<div class="info-footer">
			        			<a href="#">用户申诉</a> · 
			        			<a href="#">建议反馈</a> · 
			        			<a href="#">邀请朋友</a>
			        		</div>
			        	</div>
			        </li>
	      		</ul>
	    	</div>
	    </div>
	</nav>
	<!-- 小屏底部导航条 -->
	<nav class="phone-nav hidden-md hidden-lg">
		<ul>
			<li class="active">
				<a href="../index.hmtl"><i class="fa fa-home"></i><span>首页</span></a>
			</li>
			<li>
				<a href="Question-and-answer.html"><i class="fa fa-comments"></i><span>问答</span></a>
			</li>
			<li><a href="special.html"><i class="fa fa-pencil-square"></i><span>专栏</span></a></li>
			<li><a href="lecture.html"><i class="fa fa-play-circle"></i><span>讲堂</span></a></li>
			<li class="phone-nav-dropdown">
				<a href="#"><i class="fa fa-bars"></i><span>更多</span></a>
				<ul class="dropdown-menu">
					<li><a href="#">职位</a></li>
					<li><a href="activity.html">活动</a></li>
					<li><a href="#">标签</a></li>
					<li><a href="#">徽章</a></li>
				</ul>
			</li>
		</ul>
	</nav>

	<!-- 圈子 -->
	<div class="circle">
		<div class="container">
			<!-- col-md-9 col-xs-12 -->
			<div class="col-md-9 col-xs-12 circle_left">
				<!-- circle_top 圈子 -->
				<div class="circle_top">
					<h3>圈子</h3>
					<p>这里是程序员的聚集地，根据你的兴趣认识更多的朋友</p>
				</div>
				<!-- circle_nav 导航条 -->
				<div class="circle_nav">
					<ul>
						<li class="current">全部</li>
						<li>我关注的</li>
						<li>技术</li>
						<li>创意</li>
						<li>好玩</li>
						<li>其他</li>
					</ul>
				</div>
				<!-- circle_post 最近的帖子 -->
				<div class="circle_post">
					<!-- circle_post_header -->
					<div class="circle_post_header">
						<h4>最近的帖子
							<a href="#"> + 发新帖</a>
						</h4>
					</div>
					<!-- circle_post_content 1 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_1.jpg" alt="">
							<p class="circle_post_title">
								<i class="fa fa-thumb-tack" aria-hidden="true">
								</i>
								<a href="#">
									我们对圈子产品做了改版
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">joyqi</a>&nbsp;
								-&nbsp;5天前
								-&nbsp;最后回复
								<a href="#">Honwhy</a>
							</p>
							<div class="circle_post_from">
								<a href="#">SF 小管家</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;6
							</div>
						</div>
					</div>
					<!-- circle_post_content 2 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_2.jpg" alt="">
							<p class="circle_post_title">
								<i class="fa fa-thumb-tack" aria-hidden="true">
								</i>
								<a href="#">
									区块链开发新手入门书籍和文档
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">高阳Sunny</a>&nbsp;
								-&nbsp;1月8日
								-&nbsp;最后回复
								<a href="#">比卡超</a>
							</p>
							<div class="circle_post_from">
								<a href="#">区块链爱好者</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;2
							</div>
						</div>
					</div>
					<!-- circle_post_content 3 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-23 .NET及相关开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;1天前
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content 4 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_1.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									为啥现在流行提问不贴代码改截图了？
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">joyqi</a>&nbsp;
								-&nbsp;2天前
								-&nbsp;最后回复
								<a href="#">liqi0816</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;10
							</div>
						</div>
					</div>
					<!-- circle_post_content 5 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-21开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;3天前
								-&nbsp;最后回复
								<a href="#">高阳Sunny</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;2
							</div>
						</div>
					</div>
					<!-- circle_post_content 6 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-21开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;4天前
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content 7 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_4.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									跟老板谈工资，我应该拿多少钱？
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">wanlion</a>&nbsp;
								-&nbsp;5天前
								-&nbsp;最后回复
								<a href="#">joyqi</a>
							</p>
							<div class="circle_post_from">
								<a href="#">职业生涯</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;1
							</div>
						</div>
					</div>
					<!-- circle_post_content 8 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_5.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									统计一下segmentfault有多少女程序员
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">kumfo</a>&nbsp;
								-&nbsp;5天前
								-&nbsp;最后回复
								<a href="#">nice花椒</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;20
							</div>
						</div>
					</div>
					<!-- circle_post_content 9 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-19开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;5天前
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content 10 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-19开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;6月15日
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content 11 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_6.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									写网站公共样式需要注意些什么
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">pl102029</a>&nbsp;
								-&nbsp;6月14日
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content 12 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-14开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;6月14日
							</p>
							<div class="circle_post_from">
								<a href="#">职业生涯</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content  13 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_5.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									闲着无事整理了几个表情，以后发帖用
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">kumfo</a>&nbsp;
								-&nbsp;6月13日
								-&nbsp;最后回复
								<a href="#">爱她</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;6
							</div>
						</div>
					</div>
					<!-- circle_post_content  14 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_7.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									所以，你们用的机械键盘是什么牌子的
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">清蒸不是水煮</a>&nbsp;
								-&nbsp;6月13日
								-&nbsp;最后回复
								<a href="#">GlashütteOriginal</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;43
							</div>
						</div>
					</div>
					<!-- circle_post_content  15 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									(读报时间)2018-06-13 开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;6月13日
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content  16 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-11 开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;6月11日
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content  17 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-08开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;6月8日
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content  18 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-07 .NET及相关开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;6月7日
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content  19 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_1.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									锤子最新发布的TNT工作站大家怎么看
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">joyqi</a>&nbsp;
								-&nbsp;6月6日
								-&nbsp;最后回复
								<a href="#">GodStream</a>
							</p>
							<div class="circle_post_from">
								<a href="#">数码极客</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;6
							</div>
						</div>
					</div>
					<!-- circle_post_content  20 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_3.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									2018-06-06 .NET及相关开发资讯速递
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">RECTOR</a>&nbsp;
								-&nbsp;6月6日
							</p>
							<div class="circle_post_from">
								<a href="#">职业生涯</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>
					<!-- circle_post_content  21 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_8.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									为啥圈子这么少人？是不是多数程序员没我嘴碎爱聊天？
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">番茄酱</a>&nbsp;
								-&nbsp;6月6日
								-&nbsp;最后回复
								<a href="#">CoquettishPoppy</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;9
							</div>
						</div>
					</div>
					<!-- circle_post_content  22 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_9.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									公司就你一个前端的来举个手，你不是一个人在战斗！
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">keke</a>&nbsp;
								-&nbsp;6月5日
								-&nbsp;最后回复
								<a href="#">kumfo</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;26
							</div>
						</div>
					</div>
					<!-- circle_post_content  23 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_10.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									没事做又不想让人发现时，做些什么好
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">东方星痕</a>&nbsp;
								-&nbsp;6月5日
								-&nbsp;最后回复
								<a href="#">番茄酱</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;13
							</div>
						</div>
					</div>
					<!-- circle_post_content  24 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_11.png" alt="">
							<p class="circle_post_title">
								<a href="#">
									理想的编程和实际的编程差距咋这么大？
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">fenbox</a>&nbsp;
								-&nbsp;6月5日
								-&nbsp;最后回复
								<a href="#">番茄酱</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;7
							</div>
						</div>
					</div>
					<!-- circle_post_content  25 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_7.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									这是一个关于程序猿和程序媛的帖子
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">清蒸不是水煮</a>&nbsp;
								-&nbsp;6月5日
								-&nbsp;最后回复
								<a href="#">番茄酱</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;27
							</div>
						</div>
					</div>
					<!-- circle_post_content  26 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_12.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									敲代码的时候除了听歌还能做什么？
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">皮卡丘那个丘</a>&nbsp;
								-&nbsp;6月5日
								-&nbsp;最后回复
								<a href="#">番茄酱</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;29
							</div>
						</div>
					</div>
					<!-- circle_post_content  27 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_13.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									来聊聊技术栈呢？
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">一楼</a>&nbsp;
								-&nbsp;6月4日
								-&nbsp;最后回复
								<a href="#">霸霸霸霸天虎丶</a>
							</p>
							<div class="circle_post_from">
								<a href="#">职业生涯</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;5
							</div>
						</div>
					</div>
					<!-- circle_post_content  28 -->
					<div class="circle_post_content">
						<div class="circle_post_con" style="height: 100px">
							<img src="../images/post_14.png" alt="">
							<p class="circle_post_title">
								<a href="#">
									我开发了一个机器人应用，让 HEXA 机器人可以追逐光——HEXA The Light Chaser
								</a>
							</p>
							<p class="circle_post_author" style="margin-top: 55px;margin-left: 50px">
								<a href="#">Vincross</a>&nbsp;
								-&nbsp;6月1日
								-&nbsp;最后回复
								<a href="#">kumfo</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;1
							</div>
						</div>
					</div>
					<!-- circle_post_content  29 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_7.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									来秀秀工作时听的歌单 lol
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">清蒸不是水煮</a>&nbsp;
								-&nbsp;5月28日
								-&nbsp;最后回复
								<a href="#">CoquettishPoppy</a>
							</p>
							<div class="circle_post_from">
								<a href="#">程序员的日常</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;15
							</div>
						</div>
					</div>
					<!-- circle_post_content  30 -->
					<div class="circle_post_content">
						<div class="circle_post_con">
							<img src="../images/post_15.jpg" alt="">
							<p class="circle_post_title">
								<a href="#">
									caniuse 参考 all tracked 还是 all user?
								</a>
							</p>
							<p class="circle_post_author">
								<a href="#">xianshenglu</a>&nbsp;
								-&nbsp;5月28日
							</p>
							<div class="circle_post_from">
								<a href="#">编程思想</a>
							</div>
							<div class="circle_post_comment">
								<i class="fa fa-commenting mr5" aria-hidden="true"></i>&nbsp;0
							</div>
						</div>
					</div>

					<!-- 加入自己感兴趣的圈子 -->
					<div class="interest">加入自己感兴趣的圈子吧
						<span>发现圈子</span>
					</div>
				</div>
			</div>

			<!-- col-md-3 col-xs-12 -->
			<div class="col-md-3 col-xs-12">
				<!-- advertisement 广告展示 -->
				<div class="advertisement">
					<img src="../images/advertisement.png" alt="">
					<p><a href="#">想在上方展示你的广告？</a></p>
				</div>
				<!-- hot_discussion 今日热议 -->
				<div class="hot_discussion">
					<p>今日热议</p>
					<div>
						<a href="#">恳求官方冻结（注销、锁定）本账号#就是想说点什么#</a>
					</div>
					<span>2 讨论</span>
				</div>
				<!-- find_circle 发现圈子 -->
				<div class="find_circle">
					<div class="more_circle">
						<span>发现圈子</span>
						<a href="#">更多</a>
					</div>
					<div class="authors">
						<img src="../images/author_1.jpg" alt="">
						<div class="authors_info">
							<a href="#">HUG</a>
							<p>2个帖子</p>
						</div>
					</div>
					<div class="authors">
						<img src="../images/author_2.png" alt="">
						<div class="authors_info">
							<a href="#">symfony</a>
							<p>11个帖子</p>
						</div>
					</div>
					<div class="authors">
						<img src="../images/author_3.jpg" alt="">
						<div class="authors_info">
							<a href="#">捕蛇者说</a>
							<p>4个帖子</p>
						</div>
					</div>
					<div class="authors">
						<img src="../images/author_4.png" alt="">
						<div class="authors_info">
							<a href="#">JS函数库[JavaScriptLib]</a>
							<p>111个帖子</p>
						</div>
					</div>
					<div class="authors">
						<img src="../images/author_5.jpg" alt="">
						<div class="authors_info">
							<a href="#">Android Rom开发相关</a>
							<p>6个帖子 - 
								<span>￥21474836.47</span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- footer -->
	<footer>
		<div class="container">
			<!-- footer_con -->
			<div class="footer_con">
				<div class="col-md-2 f_con">
					<h4>产品</h4>
					<ul class="f_ul">
						<li>热门回答</li>
						<li>热门专栏</li>
						<li>热门讲堂</li>
						<li>最新活动</li>
						<li>圈子</li>
						<li>找工作</li>
						<li>移动客户端</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>资源</h4>
					<ul class="f_ul">
						<li>每周精选</li>
						<li>用户排行榜</li>
						<li>徽章</li>
						<li>帮助中心</li>
						<li>声望与权限</li>
						<li>社区服务中心</li>
						<li>开发手册</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>商务</h4>
					<ul class="f_ul">
						<li>人才服务</li>
						<li>企业培训</li>
						<li>活动策划</li>
						<li>广告投放</li>
						<li>区块链解决方案</li>
						<li>合作联系</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>关于</h4>
					<ul class="f_ul">
						<li>关于我们</li>
						<li>加入我们</li>
						<li>联系我们</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>关注</h4>
					<ul class="f_ul">
						<li>产品技术日志</li>
						<li>社区运营日志</li>
						<li>市场运营日志</li>
						<li>团队日志</li>
						<li>社区访谈</li>
						<li class="share">
							<i href="#" class="iconfont icon-wechat share_1">
								<div class="share_pic">
									<img src="../images/appQrcode.png" alt="">
									<p>关注微信号</p>
									<span></span>
								</div>
							</i>
							<i href="#" class="iconfont icon-weibo share_2"></i>
							<i href="#" class="iconfont icon-github share_3"></i>
							<i href="#" class="iconfont icon-twitter share_4"></i>
						</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>条款</h4>
					<ul class="f_ul">
						<li>服务条款</li>
						<li>内容许可</li>
						<li class="app"><img src="../images/appQrcode.png" alt="" class="sf"></li>
						<li>扫一扫下载APP</li>
					</ul>
				</div>
			</div>
			<!-- 版权 copyright -->
			<div class="copyright">
				<p>Copyright © 2011-2018 SegmentFault. 当前呈现版本 17.06.16</p>
				<p>
					<a href="#" onclick="return false">浙ICP备 15005796号-2&nbsp;</a>
					<a href="#" onclick="return false"> 浙公网安备 33010602002000号&nbsp;</a>
					杭州堆栈科技有限公司版权所有
				</p>
				<p class="sponsor">
					CDN 存储服务由
					<a href="#" onclick="return false">又拍云</a>
					赞助提供
				</p>
			</div>
		</div>
	</footer>
</body>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/nav.js"></script>
</html>